<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>选择器变形</title>
    <style type="text/css">
        /* 后代选择器 */
        div p{
            font-size:20px;
        }
        div p span{
            color:#0000FF;
        }
        div.one{
            color:red;
        }
        .two{
            font-size:30px;
        }
    </style>
</head>
<body>
    <div><div>我是第1个div标签里面的内容<p>我是<span>p标签</span>里面的内容</p></div></div>
    <div class="one two">我是第2个div标签里面的内容</div>
    <div class="one">我是第3个div标签里面的内容</div>
    <p class="one">我是p标签里面的内容</p>
</body>
</html>